$(function () {
    $('#loginBox a').on('click', function () {
        $('#loginBox').hide()
        $('#regBox').show()
    });
    $('#regBox a').on('click', function () {
        $('#loginBox').show()
        $('#regBox').hide()
    })
});

let form = layui.form;
//   定义校验规则,使用的是form.verify()
//   参数是对象.属性是校验名称,值是校验

form.verify({
    //  属性是校验名称,值是校验规则
    // 值有两种类型,函数和数组

    username: [
        /^[a-zA-Z0-9]{1,10}$/,
        '会不会好好填1到10的数字和字母'
    ],
    pwd: [
        /^[a-zA-Z0-9]{6,12}$/,
        '密码必须6到12为数字和字母'
    ],
    rePwd: function (value) {
        // value就是你给我那个标签添加这个校验规则
        // 这个标签的值就赋值给value
        let pwd = $('#regBox input[name=password]').val()
        // 如果原密码的值和确认密码的值不相等,就报错
        if (pwd != value) {
            return `能不能记好输,密码都不一样,干啥玩意`
        }
    }
});


//  需求,注册功能
let layer = layui.layer
$('#formReg').on('submit', function (e) {
    // 阻止表单默认提交
    e.preventDefault();
    // 发送axios
    axios({
        method: 'POST',
        url: '/api/reguser',
        // jQuery的ajax,参数
        data: $(this).serialize()   //a=1&b=2&c=3

    }).then(res => {
        // console.log(res.data);
        if (res.data.status !== 0) {
            return layer.msg('二营长,有人抢你的意大利炮', { icon: 5 }, res.data.message)
        }
        // 成功后.提示
        layer.msg('二营长,开炮', { icon: 1 });
        // 切换到登录模块
        $('#regBox a').click()
        // 清空表单
        $('#formReg')[0].reset()


    })
})
// 4.登录功能
$('#formLogin').on('submit', function (e) {
    e.preventDefault();

    // 发送axios
    axios({
        method: 'POST',
        url: '/api/login',
        data: $(this).serialize()
    }).then(res => {
        if (res.data.status != 0) {
            return layer.msg(res.data.message)
        }
        layer.msg('急什么玩意,加载中能,等会哈', { icon: 6 })
        // 页面跳转到 index.html
        setTimeout(() => {
            layer.load(3);
        }, 3000);
        setTimeout(() => {
            location.href = '/index.html'
        }, 6000);


        localStorage.setItem('token', res.data.token)


    })
})


